<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>.:IT Việt Computer:.</title>
	<link rel="shortcut icon" type="image/x-icon" href="Images/logo.ico" />
	<link rel="stylesheet" href="Css/styles.css" type="text/css" />

	<script type="text/javascript" src="Scripts/jquery.min.js"></script>

	<!--Common jQuery plugins start here -->

	<script language="JavaScript" src="Scripts/tickertype.js" type="text/javascript"></script>

	<script language="JavaScript" src="Scripts/scroll.js" type="text/javascript"></script>

	<script type="text/javascript" language="javascript">
		function showDetail(obj) {
			var ul = obj.next('ul');
			if (ul.length) {
				ul.slideToggle('slow');
			}
			else {
				location.href = obj.attr('href');
			}
		}

		$(document).ready(function() {
			$("h1").hover(function() {
				$(this).next("em").stop(true, true).animate({ opacity: "show", top: "60" }, "slow");
			}, function() {
				$(this).next("em").animate({ opacity: "hide", top: "100" }, "fast");
			});

			resetTicker(jQuery(".company_name").html());
		});
	</script>

	<!--Common jQuery plugins end here -->
</head>
<body>
	<!--Inline css is needed for the top banner/ad, top-margin should be same as the ad-block height-->
	<div id="top-wrap">
		<div id="header-wrap">
			<div id="header">
				<h1>
					<a href="http://demo.templateworld.com/full-websites/142a/index.html">
						<img src="Images/logo.png" alt="logo" width="100" /></a></h1>
				<!-- logo here -->
				<em class="ttip">IT Việt Computer</em><!--tool tip for logo-->
				<p class="company_name">
					<span style="color: #FCE868;">IT</span> <span style="color: #FB3C3C;">Việt</span>
					<span style="color: #6F56AF;">Computer</span>
				</p>
				<!-- end of call us toll free-->
				<div class="menu">
					<div class="menu_end">
						<ul class="nav">
							<li><a href="home.html">Trang chủ</a></li>
							<li><a href="about.html">Giới thiệu</a></li>
							<li><a href="product.html">Sản phẩm</a></li>
							<li><a href="news.html" class="active">Tin tức</a></li>
							<li><a href="contact.html">Liên hệ</a></li>
						</ul>
					</div>
				</div>
				<!--end of navigation-->
			</div>
			<!--end of header-content-->
			<!--end of banner wrap-->
		</div>
		<!--header ends here-->
		<div id="content-wrap">
			<div class="leftMenu">
				<div class="leftMenu_end">
					<div class="leftMenuContent">
						<h3>
							Danh mục
						</h3>
						<ul class="leftMenu-list">
							<li class="active"><a href="http://www.google.com" onclick="showDetail(jQuery(this));return false;">
								Tin khuyến mãi</a> </li>
							<li class="last"><a>Tin công nghệ</a> </li>
						</ul>
					</div>
				</div>
			</div>
			<!--end of leftMenu-->
			<div class="rightInfo">
				<h3>
					Tin khuyến mãi
				</h3>
				<ul class="blog">
					<li>
						<h4>
							Aliquam erat volutpat.Nullam dui ipsum</h4>
						<p class="date">
							Cập nhật ngày 25/12/2012 lúc 15:30</p>
						<p class="post">
							Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
							egestas. Pellentesque accumsan dui mi, et hendrerit purus. Curabitur justo nisl,
							sagittis nec fringilla vel, ultricies eget est. Phasellus ut tellus velit, eget
							ultricies metus? Fusce elementum leo sit amet urna pretium a cursus orci iaculis...
						</p>
						<a class="more" href="newsDetail.html">Chi tiết</a> </li>
					<li>
						<h4>
							Sollicitudin ornare molestie facilisis</h4>
						<p class="date">
							Cập nhật ngày 25/12/2012 lúc 15:30</p>
						<p class="post">
							Ut orci risus, condimentum id facilisis eu, vehicula et quam. Vivamus at metus mi,
							vel interdum ligula. Morbi facilisis arcu in sem ultricies vel aliquam lacus volutpat.
							Aenean in eleifend purus...</p>
						<a class="more" href="more.html">Chi tiết</a> </li>
					<li>
						<h4>
							Aenean a dolor mi. Vestibulum iaculis</h4>
						<p class="date">
							Cập nhật ngày 25/12/2012 lúc 15:30</p>
						<p class="post">
							Nullam volutpat lectus sed est molestie vehicula sit amet vitae sem. Suspendisse
							at diam tellus? Praesent odio eros, sollicitudin non venenatis ut, ullamcorper sit
							amet augue. Vivamus erat urna, posuere sit amet rhoncus ut, volutpat egestas arcu.
							Aenean non eros at sem adipiscing congue sed ut quam...</p>
						<a class="more" href="more.html">Chi tiết</a> </li>
				</ul>
				<div class="othersTitle">
					Các tin khác</div>
				<ul class="othersList">
					<li><a>Steve Job vừa mất.</a> <span>(25/12/2012 8:30)</span> </li>
					<li><a>Bill Gate bị đột quỵ, Microsoft phá sản.</a> <span>(25/12/2012 10:30)</span>
					</li>
					<li><a>Firefox tiêu diệt IE và trở thành trình duyệt mạnh nhất thế giới.</a> <span>
						(25/12/2012 15:30)</span> </li>
				</ul>
			</div>
			<!--end of rightInfo-->
		</div>
		<!--end of content-wrapper-->
		<div id="footer-wrap">
			<div id="footer">
				<!--copyright content here-->
				<p class="copyright">
					Copyright © 2012 <a href="http://www.itvietcomputer.com">IT Việt Computer</a>. All
					rights reserved.</p>
				<ul class="footNav">
					<li><a href="http://jigsaw.w3.org/css-validator/check/referer">Sơ đồ website</a></li>
					<li>|</li>
					<li><a href="http://validator.w3.org/check?uri=referer">Quy định bảo hành</a></li>
					<li>|</li>
					<li><a href="http://demo.templateworld.com/full-websites/142a/privacy.html">Sản phẩm</a></li>
					<li>|</li>
					<li><a href="http://demo.templateworld.com/full-websites/142a/sitemap.html">Trang
						chủ</a></li>
				</ul>
				<!--end of footer navigation-->
			</div>
			<!--end of footer-content-->
		</div>
		<!--end of footer-wrap-->
	</div>
	<!--end of outer-wrapper-->
</body>
</html>
